@import url('../../StyleSheets/Office.css');
HTML, Body {
	background-color: #678FC2;
	margin: 0px 0px 0px 0px;
	font-family: Tahoma,Verdana,Arial,sans-serif;		
}
td { font-size: 8pt; }

hr  
{
	height: 1px;
	border-style:none;
	color: #8AAFE1; 
	background-color:#8AAFE1; 
}

/* ------------------------------------------------------------------------------------------------ */
/* Portal Layout Pane */
.LeftPane, .VirtualLeftPane
{
	background-color: #F7F2E4;
}

.RightPane, .VirtualRightPane
{
	background-color: #F7F2E4;
}

.ContentPane
{
	background-color: #FFFFFF;
}
.Separator
{
	width: 0px;
}

/* ------------------------------------------------------------------------------------------------ */

/*Modal Popup*/
.ModalPopup
{
	background-color: #F7F2E4;
	border-color: #F0DFBE;
	border-style: solid;
	border-width: 6px;
}
.ModalBackground 
{
	background-color:Gray;
	filter: alpha(opacity=70);
	opacity:0.7;
}

/* ------------------------------------------------------------------------------------------------ */

/* Horizontal Portal Menu */
.HorizontalMenu
{
	
}
.HorizontalMenuGroup
{
	
}
.HorizontalMenuItem
{
	color: #11449E;
	font-weight: bold;
	font-size: 8pt;	
}
.HorizontalMenuItem:link
{
}

.HorizontalMenuItem:hover
{	
	color: Orange;
}

/* Vertical Portal Menu */
.VerticalMenuGroup
{
	background-color: #F0DFBE;
	padding: 6px;
	font-weight: bold;
	font-size: 8pt;	
	color: #CC3300;
	text-transform: uppercase;
}
.VerticalMenuItem
{
	text-decoration: none;	
}
.VerticalMenuItem:link
{
	color: #666666;
}
.VerticalMenuItem:visited
{
	color: #666666;
}
.VerticalMenuItem:hover
{
	color: Orange;
}

/* ------------------------------------------------------------------------------------------------ */
/* Module */
.ModuleTitle 
{
	font-weight: bold;
	text-transform: uppercase;
	padding: 6px;
	color: #CC3300;
	background-color: #F0DFBE;
}

.ModuleContent
{
	padding:6px;
}

.VirtualModuleTitle
{
	visibility:hidden;
}

/* ------------------------------------------------------------------------------------------------ */
/* Login */
#LoginTab
{
	color: #11449E;
	font-weight:bold;
	padding-top: 10px;
}
#LoginTab a
{
	color: #11449E;
	text-decoration: none;
	font-size: 8pt;
}
#LoginTab span
{
	color: #11449E;
	font-size: 8pt;
}

#LoginTab a:hover
{
  color: Orange;
}

/* ------------------------------------------------------------------------------------------------ */

.SiteLink
{
	color: #11449E;
	text-decoration: none;
	font-size: 8pt;
}



/* ------------------------------------------------------------------------------------------------ */
.Title, .Header
{	
	color: #CC3300;
	font-weight: bold;
	text-decoration: none;
	font-size: 9pt;
	color: #CC3300;
}
.Header
{
	font-size: 11pt;
}

.SubTitle {
	color: Gray;
	font-size: 8pt;
}
.Description
{
	font-size: 10pt;
}

/* ------------------------------------------------------------------------------------------------ */

.LinkButton, .Button 
{
	font-family: Tahoma,Verdana,sans-serif;
	margin: 0px;
	padding: 6px;
	font-weight: bold;
	font-size: 8pt;
	text-align: center;
}
.Button, .LinkButton, .SmallButton
{
	background-color: #F7F2E4;		
	color: #CC3300;	
	border:1px solid #8AAFE1;
	text-decoration: none;
}

/* ------------------------------------------------------------------------------------------------ */
/* TextBox Controls */
.TextBox
{
	padding: 4px;
	font-size: 8pt;
	color: #CC3300;
	border: solid 1px #8AAFE1;
	font-family:Tahoma,Verdana,sans-serif;
}
.ReadOnlyTextBox, .watermarked 
{
	padding: 4px;
	font-size: 8pt;
	color: #CC3300;
	border: solid 1px #8AAFE1;
	background-color: #FFFFC0;
}
.MultiLineTextBox {
	font-size: 9pt;
	color: #CC3300;
}


/* ------------------------------------------------------------------------------------------------ */
/* Panel */
.Panel
{
	/*border-color: #002D96;*/
	border-color: #8AAFE1;
	border-width: 1px;
	border-style: solid;
	padding: 0px;
	/*background-color: #F7F2E4;*/
}

td.LeftColumn
{
	font-size: 11px; 
	font-weight: bold;
	background-color: #DCEAFE;	
	color: #CC3300;	
}

.LeftColumn
{
	font-size: 11px; 
	font-weight: bold;
	background-color: #DCEAFE;	
	color: #CC3300;
	white-space:nowrap;
}


td.RightColumn
{
	font-size: 11px;
	background-color: #F7F2E4;
}

.RightColumn
{
	font-size: 11px;
	background-color: #F7F2E4;
}

.icon {
	vertical-align: middle;
}

/* ------------------------------------------------------------------------------------------------ */
/* Grid styles */
.Grid
{
	border-color: #8AAFE1;
	border-width: 1px;
	border-style: solid;	
}

.Grid td
{ 
	font-family: Tahoma;
	font-size: 11px;   
	border-color: #8AAFE1;
	border-width: 1px;
	border-style: solid;	
}

.GridItem
{	
	color: Black;
	background-color: #DCEAFE;	
}

.GridSelected td
{		
	color: Black;
	font-weight: bold;
	background-color: #FFFFC0;	
}

.GridAlternatingItem
{	
	color: Black;
	background-color: #F7F2E4;	
}

.GridHeader, .EmptyData
{	
	font-family: Tahoma;
	border-color: Black;
	font-size: 8pt;
	background-color: #F0DFBE;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;	
	height: 30px;
	color:#CC3300;
}
.GridHeader th
{
	border-color: #8AAFE1;
	border-width: 1px;
	border-style: solid;
}

.DetailViewHeader
{	
	font-family: Tahoma;
	border-color: Black;
	font-size: 8pt;
	background-color: #F0DFBE;
	font-weight: bold;
	vertical-align: middle;	
	height: 30px;
	color:#CC3300;
	border-color: #8AAFE1;
	border-width: 1px;
	border-style: solid;	
}

.DetailViewHeader th
{	
	border-color: #8AAFE1;
	border-width: 1px;
	border-style: solid;	
}

.DetailView
{
	border-color: #8AAFE1;
	border-width: 1px;
	border-style: solid;	
	color: Black;	
}
.DetailView td
{ 
	font-family: Tahoma;
	font-size: 11px;   
	border-color: #8AAFE1;
	border-width: 1px;
	border-style: solid;	
}

/* ------------------------------------------------------------------------------------------------ */
/* Panel */
.ig_Panel
{
	/*border-color: #002D96;*/
	border-color: #8AAFE1;
	border-width: 1px;
	border-style: solid;
	padding: 0px;
	background-color: #c1d9ff;
}

.HintPanel
{
	/*border-color: #002D96;*/
	border-color: Orange;
	border-width: 1px;
	border-style: solid;
	padding: 0px;
	/*background-color: #F7F2E4;*/
}

.Panel
{
	/*border-color: #002D96;*/
	border-color: #8AAFE1;
	border-width: 1px;
	border-style: solid;
	padding: 0px;
	/*background-color: #F7F2E4;*/
}


.PanelContentHeader
{
	height: 30px;
	background-color: #c1d9ff;
	border-left: solid 1px #8AAFE1;
	border-right: solid 1px #8AAFE1;	
}
.PanelContentHeader td
{		
	font-weight: bold;
	text-transform: uppercase;
}


.PanelTabContentHeader
{	
	height: 24px;
	background-color: #c1d9ff;
	border-left: solid 1px #8AAFE1;
	border-right: solid 1px #8AAFE1;
	border-top: solid 1px #8AAFE1;
}

.PanelTabContentFooter
{	
	height: 24px;
	background-color: #c1d9ff;
	border-left: solid 1px #8AAFE1;
	border-right: solid 1px #8AAFE1;
	border-bottom: solid 1px #8AAFE1;
}

.PanelHeader
{	
	background-color: #F0DFBE;
	border-left: solid 1px #8AAFE1;
	border-right: solid 1px #8AAFE1;
	border-top: solid 1px #8AAFE1;
}

.PanelHeaderNoLeft
{	
	background-color: #c1d9ff;
	border-right: solid 1px #8AAFE1;
	border-top: solid 1px #8AAFE1;
}
.PanelHeaderNoRight
{	
	background-color: #c1d9ff;
	border-left: solid 1px #8AAFE1;
	border-top: solid 1px #8AAFE1;
}

.PanelHeader td
{		
	font-weight: bold;
	text-transform: uppercase;
}

.PanelHeaderNoLeft td
{		
	font-weight: bold;
	text-transform: uppercase;
}
.PanelHeaderNoRight td
{		
	font-weight: bold;
	text-transform: uppercase;
}

.PanelFooter
{		
	padding:6px;
	background-color: #c1d9ff;	
	border-bottom: solid 1px #8AAFE1;
	border-left: solid 1px #8AAFE1;
	border-right: solid 1px #8AAFE1;
}

td.LeftColumn
{
	font-size: 11px; 
	font-weight: bold;
	background-color: #DCEAFE;		
}

td.RightColumn
{
	font-size: 11px;
	background-color: #F7F2E4;
}
td.LeftPane
{
	background-color: #F7F2E4;
}
td.RightPane
{
	background-color: #F7F2E4;
}



/* Main Menu */
.MainMenu
{
	background-color: #F7F2E4;
	/*border-right: solid 1px #E5C57E;*/
}
.MainMenuGroup
{
	background-color: #F0DFBE;
    color: #CC3300;
}

.MainMenuItem
{
    color: #666666;
}
.MainMenuItem:hover
{
	color: Orange;
}

/* ------------------------------------------------------------------------------------------------ */
.Title, .Header, .ModuleTitle
{
	color: #CC3300;
}
HR
{
	color: #E5C57E;
}
/* ------------------------------------------------------------------------------------------------ */
.Button, .LinkButton, .SmallButton
{
	background-color: #F7F2E4;	
	color: #CC3300;
	border:1px solid #E5C57E;	
}

.watermarked {
    border: solid 1px #E5C57E;
}	
/* ------------------------------------------------------------------------------------------------ */
.TextBox, .MultiLineTextBox
{
    COLOR: #CC3300;
    border: solid 1px #E5C57E;
}

/* ------------------------------------------------------------------------------------------------ */
/* Panel */
.Panel
{
	/*border-color: #002D96;*/
	border-color: #E5C57E;
	border-width: 1px;
	border-style: solid;
	padding: 0px;
	/*background-color: #F7F2E4;*/
}

td.LeftColumn
{
	font-size: 11px; 
	font-weight: bold;
	background-color: #F0DFBE;		
}


td.RightColumn
{
	font-size: 11px;
	background-color: #F7F2E4;
}